*,
::before,
::after {
  box-sizing: border-box;
  border-color: currentcolor;
  border-style: solid;
  border-width: 0;
}

#app {
  width: 100%;
  height: 100%;
}

.ant-app {
  width: 100%;
  height: 100%;
}

html {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  line-height: 1.5; // 行间距是字体大小1.5倍
  tab-size: 4; // Tab占4格
  text-size-adjust: 100%; // 不同设备不允许调整文本大小
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  font-family:
    "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑",
    Arial, sans-serif;
  line-height: inherit;
  -moz-osx-font-smoothing: grayscale; // 火狐在mac上控制字体的抗锯齿方式，grayscale灰度处理
  -webkit-font-smoothing: antialiased; // 基于WebKit内核的浏览器（如Safari和较旧版本的Chrome）,亚像素抗锯齿技术
  text-rendering: optimizelegibility; // 优化文本渲染,设置为optimizeLegibility时，浏览器会优先考虑文本的易读性和清晰度
}

a,
a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

a:focus,
a:active,
div:focus {
  outline: none;
}

ul,
li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.app-container {
  padding: 15px;
}

::view-transition-old(root),
::view-transition-new(root) {
  mix-blend-mode: normal;
  animation: none;
}

::view-transition-image-pair(root) {
  isolation: auto;
}

// .search-bar {
//   padding: 18px 0 0 10px;
//   margin-bottom: 10px;
//   background-color: var(--el-bg-color-overlay);
//   border: 1px solid var(--el-border-color-light);
//   border-radius: 4px;
//   box-shadow: var(--el-box-shadow-light);
// }

.ant-menu-item {
  padding-left: 20px !important;
}

.ant-menu-submenu-title {
  padding-left: 20px !important;
}

.ant-menu-item-only-child {
  padding-left: 40px !important;
}

.css-var-r0.ant-menu-css-var {
  --ant-menu-item-color: var(--menu-text-color);
  --ant-menu-sub-menu-item-selected-color: var(--menu-text-color);
  --ant-menu-item-hover-color: var(--menu-item-hover-color);
  --ant-menu-item-selected-bg: none;
  --ant-menu-item-height: 56px;
  --ant-menu-active-bar-border-width: 0;
  --ant-menu-collapsed-icon-size: 14px;
  --ant-menu-item-margin-inline: 0;
  --ant-menu-item-margin-block: 0;
  --ant-menu-popup-bg: var(--menu-background);
}
